@if (content) {
  <div class="img-wrapper">
    @if (!content.href) {
      <img
        contentedit="src"
        [ngStyle]="content.style"
        [ngClass]="content.classes"
        [ngSrc]="content.src || coreConfig.defaultThumb"
        [alt]="content.alt || ''"
        [width]="content.width || 400"
        [height]="content.height || 300"
      />
    } @else {
      <a href="{{ content.href }}" target="{{ content.target }}">
        <img
          contentedit="src"
          [ngClass]="content.classes"
          [ngSrc]="content.src || coreConfig.defaultThumb"
          [ngStyle]="content.style"
          [alt]="content.alt || ''"
          [width]="content.width || 400"
          [height]="content.height || 300"
        />
      </a>
    }
    @if (content.actions) {
      <div class="actions flex justify-center items-center gap-3">
        @for (action of content.actions; track action) {
          <app-dynamic-component
            [inputs]="{
              content: action,
              disableToolbar: true,
            }"
          />
        }
      </div>
    }
  </div>
}
